<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="/shop/include :: header"></head>
<body>
<div class="layui-fluid">
    <table id="shop_feedback-table" lay-filter="shop_feedback-table"></table>
</div>
<!-- 工具栏 -->
<script type="text/html" id="toolbarShopFeedback">
    <div class="layui-btn-container">
    </div>
</script>
<!-- 操作列 -->
<script type="text/html" id="shop_feedback-state">
    <div class="layui-btn-group">
        <button shiro:hasPermission="shop:feedback:edit" class="layui-btn layui-btn-sm" lay-event="edit"><i
                class="layui-icon layui-icon-edit"></i></button>
        <button shiro:hasPermission="shop:feedback:remove" class="layui-btn layui-btn-sm" lay-event="del"><i
                class="layui-icon layui-icon-delete"></i></button>
    </div>
</script>
<div th:include="/shop/include::footer"></div>
<script>
    var conditions = $('#form').serialize();
    conditions = decodeURIComponent(conditions, true);
    layui.use(['table'], function () {
        var $ = layui.jquery;
        var table = layui.table;
        // 渲染表格
        var renderTable = function () {
            layer.load(2);
            table.render({
                elem: '#shop_feedback-table',
                url: '/platform/feedback/list',
                toolbar: '#toolbarShopFeedback',
                page: true,
                id: 'shopFeedbackReload',
                where: {"conditions": conditions},
                cols: [     [   {
                    type: 'checkbox',
                    fixed: 'left'
                },
                    {
                        unresize: true,
                        sort: true,
                        width: 80,
                        align: 'center',
                        field: 'id',
                        title: 'id',

                    },
                    {
                        align: 'center',
                        field: 'userId',
                        title: '用户ID',

                    },
                    {
                        align: 'center',
                        field: 'userType',
                        title: '用户群体 0：用户1：商户2：供应商',

                    },
                    {
                        align: 'center',
                        field: 'applyContent',
                        title: '申请内容',

                    },
                    {
                        align: 'center',
                        title: '图片',
                        templet: function (d) {
                            return '<div class="imgview" ><img src="' + d.images + '" alt="" width="50px" height="50px"></a></div>';
                        }
                    },
                    {
                        align: 'center',
                        field: 'platformReply',
                        title: '平台回复',

                    },
                    {
                        align: 'center',
                        title: '处理状态',
                        templet: function (d) {
                            return d.applyState == 10 ? "待处理" : d.applyState == 20 ? "已通过" : d.applyState == 30 ? "未通过" : d.applyState == 40 ? "已完成" : d.applyState == 50 ? "未完成" : "已撤销"
                        }
                    },
                    {
                        align: 'center',
                        field: 'createTime',
                        title: '添加时间',

                    },
                    {
                        align: 'center',
                        field: 'updateTime',
                        title: '修改时间',

                    },
                    {
                        align: 'center',
                        title: '删除状态',
                        templet: function (d) {
                            return d.deleteFlag == 0 ? "未删除" : "已删除"
                        }
                    },
                    {
                        title: '操作',
                        toolbar: '#shop_feedback-state',
                        align: 'center'
                    }   ]  ],
                done: function () {
                    layer.closeAll('loading');
                }
            });

        };
        renderTable();
        // 搜索
        var active = {
            reload: function () {
                //执行重载
                table.reload('shopFeedbackReload', {
                    page: {
                        curr: 1
                        //重新从第 1 页开始
                    },
                    where: {}
                });
            }
        };

        $('#search').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        //头工具栏事件
        table.on('toolbar(shop_feedback-table)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
                case 'add'://增加
                    openAdd();
                    break;
                case 'batchRemove'://批量删除
                    var data = checkStatus.data;
                    if (data.length < 1) {
                        layer.msg('请至少选择一个');
                        break;
                    }
                    //批量删除
                    batchRemove(data);
            }
        });

        //监听工具条
        table.on('tool(shop_feedback-table)', function (obj) {
            var data = obj.data;
            var layEvent = obj.event;
            if (layEvent === 'del') {//删除
                remove(data.id);
            } else if (layEvent === 'edit') {//修改
                edit(data.id,data.applyState);
            }
        });

        function remove(id) {
            layer.confirm('确定要删除选中的记录？', {
                btn: ['确定', '取消']
            }, function () {
                //删除
                ajaxPostLoad('/shop/feedback/remove', {
                    id: id
                });
            })
        }

        function batchRemove(data) {
            layer.confirm("确认要删除选中的'" + data.length + "'条数据吗?", {
                btn: ['确定', '取消']
            }, function () {
                var ids = new Array();
                $.each(data, function (i, row) {
                    ids[i] = row['id'];
                });
                console.log("remove->ids:" + ids);
                //批量删除
                ajaxPostLoad('/shop/feedback/batchRemove', {
                    ids: ids
                });
            });
        }

        function edit(id,applyState) {
            if (applyState != 10){
                layer.msg("不可重复处理")
                return false;
            }
            layer.open({
                type: 2,
                title: '修改',
                maxmin: true,
                shadeClose: false, // 点击遮罩关闭层
                area: ['60%', '94%'],
                content: "/platform/page/feedback/edit?id=" + id +"&url=/platform/feedback/getFeedbackById" + "&key=shopFeedback",
            });
        }

        function openAdd() {
            layer.open({
                type: 2,
                title: '增加',
                maxmin: true,
                shadeClose: false, // 点击遮罩关闭层
                area: ['60%', '94%'],
                content: '/shop/feedback/add' // iframe的url
            });
        }
    });
</script>
</body>
</html>